<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎搜网列表页</title>
    <link rel="stylesheet" href="./_reset.css">
    <link rel="stylesheet" href="./css/indexp2-common.css">
    <link rel="stylesheet" href="./css/basep2-2.css">
</head>
<body>
    <div class="web">
       <!-- 公共头部 -->
       <header>
        <!-- 顶部矩形 -->
        <div class="top-Rectangles"></div>
        <!-- 顶部导航栏 -->
        <div class="top-nav">
            <div class="logo"></div>
            <div class="menu-bar">
                <p>
                    <a href="">首页</a>
                    <a href="">鼎搜投资</a>
                    <a href="">鼎搜服务</a>
                     <a href="">鼎搜动态</a>
                    <a href="">鼎搜诚聘</a>
                    <a href="">鼎搜公益</a>
                </p>
            </div>
            <div class="search">
                <input type="text" style="border: 0; width: 212px;height: 29px;">
                <div class="search-logo">
                   
                </div>
            </div>
         </div>
         <!-- banner -->
         <div class="top-banner"></div>
    </header>
    <!-- 主体部分 -->
    <div class="base">
        <!-- 导航栏 -->
        <div class="base-nav"> 
            <div class="nav-words">
                <p>当前位置：主页 > 我要投资 > 投资列表</p>
            </div>
        </div>
        <!-- 筛选 -->
        <div class="sift-usage">
            <!-- 按类型 -->
            <div class="types">
                <div class="icon-f1"></div>
                <div class="words-f1">
                    <p>按类型：<span><a href=""></a>
                    <a href="">全部</a>
                    <a href="">股份转让</a>
                    <a href="">债权转让</a>
                    <a href="">实物资产</a>
                    <a href="">工美藏品</a>
                    <a href="">知识产权</a>
                    <a href=""> 经营产权</a>
                    <a href="">房产</a>
                    <a href="">矿权</a>
                    <a href="">林权</a>
                    <a href="">更多</a>
                </span></p>
                </div>
            </div>
            <!-- 按行业 -->
            <div class="industry">
                <div class="icon-f2"></div>
                <div class="words-f2">
                    <p>按行业：<span><a href=""></a>
                        <a href="">全部</a>
                        <a href=""> 房地产业 </a>
                        <a href="">电子通讯</a>
                        <a href="">电力工业</a>
                        <a href="">煤炭工业 </a>
                        <a href="">冶金矿产 </a>
                        <a href=""> 机械制造</a>
                        <a href="">基础设施</a>
                        <a href="">建筑建材</a>
                        <a href=""> 物流仓储</a>
                        <a href="">更多</a>
                    </span></p>
                </div>
            </div>
            <!-- 按地区 -->
            <div class="region">
                <div class="icon-f3"></div>
                <div class="words-f3">
                    <p>按地区：<span><a href=""></a>
                        <a href="">全部</a>
                        <a href=""> 北京 </a>
                        <a href="">天津</a>
                        <a href="">上海</a>
                        <a href="">重庆 </a>
                        <a href="">河北 </a>
                        <a href=""> 山西</a>
                        <a href="">浙江</a>
                        <a href="">辽宁</a>
                        <a href=""> 吉林</a>
                        <a href="">湖北</a>
                        <a href=""> 江苏</a>
                        <a href="">安徽</a>
                        <a href="">福建</a>
                        <a href=""> 江西</a>
                        <a href="">台湾</a>
                        <a href="">香港</a>
                        <a href="">澳门</a>
                        <a href=""> 广东</a>
                        <a href="">更多</a>
                    </span></p>
                </div>
            </div>
        </div>
        <!-- 项目详细显示 -->
        <div class="outcome">
            <div class="outcome-title">
                <div class="pro_name">
                    <p>项目名称</p>
                </div>
                <div class="location">
                    <p>所在地区</p>
                </div>
                <div class="at_indust">
                    <p>行业</p>
                </div>
                <div class="waht-types">
                    <p>类型</p>
                </div>
                <div class="time_pub">
                    <p>发布时间</p>
                </div>
            </div>
            <div class="out-content">
                <div class="pro-name">
                    <div class="gzth">
                        
                    </div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                    <div class="gzth"></div>
                </div>
                <div class="belong-region">
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                   <div class="gd"></div>
                </div>
                <div class="belong-industry">
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                    <div class="rest"></div>
                </div>
                <div class="belong-types">
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                  <div class="gfzr"></div>
                </div>
                <div class="pub-date">
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                    <div class="pub-time"></div>
                </div>
            </div>
        </div>
        <!-- 翻页 -->
        <div class="page-wrap">
            <div class="previous-page">
            <button> <a href="#">上一页</a> </button>
            </div> 
            <div class="page-1">
               <button><a href="#">1</a></button> 
            </div>
            <div class="page-2">
                <button><a href="#">2</a></button>
             </div>
            <div class="page-3">
                <button><a href="#">3</a></button>
            </div>
            <div class="page-4">
                <button><a href="#">4</a></button>
            </div>
            <div class="page-5">
                <button><a href="#">5</a></button>
            </div>
            <div class="next-page">
                <button><a href="#">下一页</a></button>
            </div>     
        </div>
    </div>
    <hr/>
      <!-- 公共底部 -->
      <footer>
        <!-- 底部上半部分信息栏 -->
        <div class="footer-top">
           <ul class="footer-words">
               <li>简介</li>
               <li>鼎搜网简介</li>
               <li>鼎搜服务</li>
               <li>会员身份实名认证</li>
           </ul>
           <ul class="footer-words">
               <li>帮助</li>
               <li>用户注册</li>
               <li>关于鼎搜</li>
               <li>在线咨询</li>
           </ul>
           <ul class="footer-words">
               <li>共赢</li>
               <li>网站合作</li>
               <li>用户协议</li>
               <li>会员身份实名认证</li>
           </ul>
           <ul class="footer-words">
               <li>导航</li>
               <li>地图首页</li>
               <li>职能分类</li>
               <li>企业名录</li>
           </ul>
           <div class="footer-right"></div>
        </div>
        <!-- 底部版权信息 -->
        <div class="footer-bottom">
            <span class="copyright">
                Copyright©2015鼎搜网(www.dinsoo.com)版权所有
            </span>
        </div>
    </footer>
    </div>
</body>
</html>